<!DOCTYPE html>
<html>
<head>
    <title>SCOFD标准版示例</title>
    <meta charset="utf-8" />
    
	<!--此处src引用产品包中SCOFDReader.umd.min.js地址-->
    <script src="./SCOFDReader.umd.min.js"></script>
    <style>
        body {
            margin: 0;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }
    </style>
</head>
<body>
    <div id="app" style="width:100%; height:100%"></div>
</body>
<script>

	/** 实例化ofd对象并指定容器id，实例中容器id为“app”
	 * 1、实例化方法中1234567为后期正式采购的授权码，将授权码填写后阅读器无未授权提示，该效果不影响功能调试
	 * 2、实例化方法中json为初始化配置参数，可选择性控制界面功能按钮隐藏或显示
	 * 3、如需只显示内容主界面，将配置参数中on document:active 代码片段解开即可
	 */
    let ofd = new SCOFDReader(window.app, '1234567', {
        showOpenFile: true,  //无已打开文档时显示打开文件选项
        showDocListBar: false,  //在无打开文档的情况下也显示文件列表工具条
        showImportFile: true,   //true-显示/false-隐藏,导入文件按钮
        showSealsign: true,   //true-显示/false-隐藏,签章按钮
        showVerifysign: true,   //true-显示/false-隐藏,验章按钮
        showMenu: true,  // true-显示/false-隐藏, 菜单
        showJuXing: false,  // true-显示/false-隐藏, 矩形
        showQianBi: false,  // true-显示/false-隐藏, 铅笔
        showXianDuan: false,  // true-显示/false-隐藏, 线段
        showXiangPi: true,  // true-显示/false-隐藏, 橡皮
        showBiaoZhu: false,  // true-显示/false-隐藏, 高亮标注
        showShanChuXian: false,  // true-显示/false-隐藏, 删除线
        showChaRuWenBen: false,  // true-显示/false-隐藏, 插入文本
        showXiaHuaXian: false,  // true-显示/false-隐藏, 下划线
        // showMove: true, // true-显示 / false-隐藏  移动
        // showChooseText: true, // true-显示 / false-隐藏  选择文本
		    showRotateRight: false,  // true-显示/false-隐藏, 右旋转
        showExportFile: true, //隐藏下载
        showAnnotation: false,  // true-显示/false-隐藏, 选择注释
        showRotateLeft: false,  // true-显示/false-隐藏, 左旋转
        showRotateRight: false,  // true-显示/false-隐藏, 右旋转
        // showPreviousPage: true, // true-显示 / false-隐藏  上下翻页
        // showCurrentScale: true, // true-显示 / false-隐藏  缩放比
        // showSearchText: true, // true-显示 / false-隐藏  文本搜索
        // showFullScreen: true, // true-显示 / false-隐藏  全屏
        // on: {
        //     ['document:active']: (doc, lastDoc) => {
        //         // 隐藏所有工具栏,如果要单独隐藏，需调用下面的方法，此段代码注掉
        //         // doc.startup.hideWindowUI = true
        //     },
        // }
    });
	
    // 设置打开ofd文件；传入参数支持url文件、文件流对象、文件对象
    const queryString = window.location.search;
    const urlParams = new URLSearchParams(queryString);
    const fileParam = urlParams.get('file');
    const searhVal = urlParams.get('SearchText')
    // const url = 'http://wechatapppro-1252524126.file.myqcloud.com/1252524126/images/feb651856e28a850325c3774ff03e61e.1.ofd'
	  // ofd.openUrlFile(url);
	  ofd.openUrlFile(fileParam);
    // ofd.search(searhVal)
    ofd.on("document:ready",()=>{
      ofd.search(searhVal)
    })
	//设置将要打开的ofd文件名称
  //   var fileName = getQuer`yVariable("fileName");
  //   if(!fileName){
  //       fileName = "sc-reader_demo.ofd";
  //   }

	// 打开ofd文件并签章
	// ofd.setFileLocalServURL('https://127.0.0.1:8668/')
	// //打开阅读器远程服务地址
  //   ofd.openLocalFile(fileName, {}, {subServ: 'http://127.0.0.1:8082/fs/'}).catch(e => {
  //       // console.log("is error");
	// 	//档签章服务未打开，进入到这里直接打开文件
  //       ofd.setFileServURL("/fs/");
  //       ofd.openFile(fileName);
  //   })
	// 显示左侧导航栏 leftPanel    setShowLeftPanel(boolean)
    //ofd.vm.setShowLeftPanel(false)
    // 显示工具栏 tool + 文档信息      	setShowTools(boolean)
    //ofd.vm.setShowTools(false)
    // 显示底部工具栏 state       setShowState(boolean)
    //ofd.vm.setShowState(false)
</script>

</html>
